.blog-container{
		display: flex;
		flex-direction: column;
		border-radius: 10rpx;
		background: white;
		width: 96%;
		margin: 2%;
		/* padding-top: 10rpx;
		padding-bottom: 5rpx; */
		padding: 10rpx;
		box-sizing: border-box;
	}
	.item-margin-container{
		margin-bottom: 150rpx;
	}
	.blog-author{
		font-size: 20rpx;
		color: #666666;
		margin-left: 100rpx;
		margin-bottom: 4rpx;
	}
	.blog-title{
		color: #d81e06;
		font-size: 30rpx;
		font-weight: bold;
		margin-left: 100rpx;
		margin-right: 15rpx;
		padding-top: 10rpx;
		padding-bottom: 5rpx;
		border-bottom: darkgray 1px solid;
		margin-bottom: 5rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.blog-picture{
		border-radius: 5rpx;
		width: 94%;
		margin: auto;
		margin-top: 10rpx;
		margin-bottom: 5rpx;
	}
	.blog-content{
		font-size: 20rpx;
		margin-top: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	}
	.blog-tag {
		border: #69cec9 1px solid;
		color: #69cec9;
		float: left;
		padding: 5rpx;
		margin: 10rpx 15rpx;
		border-radius: 20rpx;
	}
	
	.item-avatar {
		width: 60rpx;
		height: 60rpx;
		position: absolute;
		margin-left: 15rpx;	
		border-radius: 50%;
		
	}
	.icon{
		width: 50rpx;
		height: 50rpx;
		margin-right: 5rpx;
	}
	.icon-container{
		display: flex;
		flex-direction: row;
		border-top: darkgray 1px solid;
	}
	.icon-text{
		font-size: 18rpx;
		margin-top: 10rpx;
		margin-right: 20rpx;
	}
	.bottom{
		margin: 20rpx 0rpx;
		font-size: 20rpx;
	}
	.img-menu{
		font-size: 50rpx;
		position: absolute;
		right: 20rpx;
	}
	.uni-searchbar{
		margin: auto;
		width: 96%;
	}
	.root-container{
		background-color: #EDEDED;
		display: flex;
		flex-direction:column;
		height: 100%;
	}
	.rich-img{
		width: 100%;
		height: auto;
		margin: 10rpx;
		border-radius: 5rpx;
	}
	/* 评论 */
	.comments-container{
		
		display: flex;
		flex-direction: column;
		border-radius: 10rpx;
		background: white;
		width: 96%;
		margin: 2%;
		padding-top: 10rpx;
		padding: 10rpx;
		box-sizing: border-box;
		margin-bottom: 150rpx;
	}
	.cmt-container{
		display: flex;
		flex-direction: column;
		margin-bottom: 10rpx;
		align-items: baseline;
	}
	.replies-container{
		display: flex;
		flex-direction: column;
		margin-bottom: 10rpx;
		margin-left:80rpx ;
		padding-left: 10rpx;
		border-left: darkgray 4rpx solid;
	}
	.reply-item{
		display: flex;
		flex-direction: column;
		margin-bottom: 10rpx;
	}
	.cmt-line{
		border-bottom: #EDEDED 20rpx solid;
	}
	.cmt-author{
		color: cornflowerblue;
		font-size: 28rpx;
		margin-left: 80rpx;
		margin-bottom: 4rpx;
		margin-top: 10rpx;
	}
	.cmt-time{
		font-size: 20rpx;
		color: darkgray;
		margin-left: 80rpx;
		margin-bottom: 4rpx;
		
	}
	.cmt-content{
		font-size: 28rpx;
		margin-left: 80rpx;
		margin-right: 15rpx;
		margin-bottom: 10rpx;
	}
	.cmt-avatar{
		width: 60rpx;
		height: 60rpx;
		position: absolute;
		margin-top: 10rpx;
		margin-left: 10rpx;
		border-radius: 50%;
	}
	.reply-info{
		display: flex;
		flex-direction: row;
	}
	.reply-author{
		color: cornflowerblue;
		font-size: 25rpx;
	}
	.reply-to{
		color: #F3A73F;
		font-size: 20rpx;
	}
	.reply-time{
		font-size: 20rpx;
		color: darkgray;
		margin-left: 5rpx;
	}
	.reply-content{
		font-size: 26rpx;
	}
	.input-container{
		display: flex;
		flex-direction: row;
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		align-items: center;
		box-sizing: border-box;
		padding: 10rpx;
		background-color: white;
		border: red 1rpx solid;
		border-radius: 10rpx;
		position: fixed;
		bottom: 20rpx;
	}
	.input-avatar{
		width: 80rpx;
		height: 80rpx;
		margin-left: 5rpx;
		border-radius: 50%;
	}
	.input-holder{
		font-size: 24rpx;
		color: darkgray;
	}
	.input-area{
		padding: 5rpx;
		margin-left: 10rpx;
		height: 180rpx;
	}
	.input-commit{
		font-size: 40rpx;
		color: red;
		margin-right: 10rpx;
	}